<!--  -->
<template>
    <div class="body">
        <div class="left">
            <!-- 首页第一行表格 -->
            <Table></Table>
            <!-- 图表 -->
            <div class="eclats">
                <LineView></LineView>
            </div>
        </div>
        <div class="right">
            <!-- 右侧维修处理 -->
            <RightTableView></RightTableView>
        </div>
    </div>
</template>

<script lang='ts' setup>
import LineView from '../../components/home/LineView.vue';
import Table from '../../components/home/TableView.vue'
import RightTableView from '../../components/home/RightTableView.vue';

//   import { reactive,toRefs,ref,onMounted} from 'vue'






</script>
<style scoped lang="less">
.body {
    min-height: 100%;
    width: 100%;
    display: flex;

    .left {
        flex: 1;
        height: 100%;
        margin: 0 25px;
        box-sizing: border-box;

        min-width: 750px;

        .eclats {
            height: 500px;
            // min-width: 750px;
        }
    }

    .right {
        width: 400px;
        box-sizing: border-box;
        margin-right: 50px;
       

    }
}
</style>